<html>
<head>
    <link type="text/css" rel="Stylesheet" href="style.css"></link>
    <link type="text/css" rel="Stylesheet" href="ddsmoothmenu.css"></link>
	<link type="text/css" rel="Stylesheet" href="ddsmoothmenu-v.css"></link>
	<script type="text/javascript" src="scripts/ddsmoothmenu.js"></script>
	
	<script type="text/javascript">
	
	    ddsmoothmenu.init({
	        mainmenuid: "smoothmenu1", //menu DIV id
	        orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	        classname: 'ddsmoothmenu', //class added to menu's outer DIV
	        //customtheme: ["#1c5a80", "#18374a"],
	        contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
	    })
	    
	    ddsmoothmenu.init({
	        mainmenuid: "smoothmenu2", //Menu DIV id
	        orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
	        classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
	        //customtheme: ["#804000", "#482400"],
	        contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
	    })
	    
	</script>

</head>
<body>
	<div id="container">
	
	    <div id="header">
	    	<div id="loginStatus" class="box"> Hello guest, login, register </div>
	    	<div id="banner" class="box">
	    		<div id="logo">
	    			<h1>Teck Master Store</h1>
	    		</div>
	    		<div id="cartStatus">
	    			<h3>5 items</h3> &nbsp;&nbsp;
	    			<a href="#">View cart</a>&nbsp;&nbsp;
	    			<a href="#">Check out</a>
	    		</div>
	    		<div class="clear"></div>
	    	</div>
	    </div>
	    

	    <!--Main menu-->
        <div id="smoothmenu1" class="ddsmoothmenu">
            <ul>
                <li><a href="http://www.dynamicdrive.com">Item 1</a></li>
                <li><a href="#">Folder 0</a>
                    <ul >
                        <li><a href="#">Sub Item 1.1</a></li>
                        <li><a href="#">Sub Item 1.2</a></li>
                        <li><a href="#">Sub Item 1.3</a></li>
                        <li><a href="#">Sub Item 1.4</a></li>
                        <li><a href="#">Sub Item 1.2</a></li>
                        <li><a href="#">Sub Item 1.3</a></li>
                        <li><a href="#">Sub Item 1.4</a></li>
                    </ul>
                </li>
                <li><a href="#">Folder 1</a>
                    <ul>
                        <li><a href="#">Sub Item 1.1</a></li>
                        <li><a href="#">Sub Item 1.2</a></li>
                        <li><a href="#">Sub Item 1.3</a></li>
                        <li><a href="#">Sub Item 1.4</a></li>
                        <li><a href="#">Sub Item 1.2</a></li>
                        <li><a href="#">Sub Item 1.3</a></li>
                        <li><a href="#">Sub Item 1.4</a></li>
                    </ul>
                </li>
                <li><a href="#">Item 3</a></li>
                <li><a href="#">Folder 2</a>
                    <ul>
                        <li><a href="#">Sub Item 2.1</a></li>
                        <li><a href="#">Folder 2.1</a>
                            <ul>
                                <li><a href="#">Sub Item 2.1.1</a></li>
                                <li><a href="#">Sub Item 2.1.2</a></li>
                                <li><a href="#">Folder 3.1.1</a>
                                    <ul>
                                        <li><a href="#">Sub Item 3.1.1.1</a></li>
                                        <li><a href="#">Sub Item 3.1.1.2</a></li>
                                        <li><a href="#">Sub Item 3.1.1.3</a></li>
                                        <li><a href="#">Sub Item 3.1.1.4</a></li>
                                        <li><a href="#">Sub Item 3.1.1.5</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Sub Item 2.1.4</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
            </ul>
            <br style="clear: left" />
        </div>
        
        <div id="subHead" class="box">
        	<div id="breadCum"><a href="#">Home</a> > Product</div>
        </div>
        <div class="clear"></div>
        
        <!--/Main menu-->
	    <div id="body">
	    	
	    	<div id="browseSpotlight" class="box">
			    <div id="pageHeadLine">Lorem ipsum dolor sit amet</div>
	    	</div>
		   <div class="clear"></div>


		   <div id="shoppingCart">
	    		<table cellpadding="0" cellspacing="0">
	    			<thead>
	    				<tr>
	    					<th class="numberColumn">
	    						No
	    					</th>
	    					<th class="textColumn">
	    						Product name
	    					</th>
	    					<th class="numberColumn">
	    						Price
	    					</th>
	    					<th class="numberColumn">
	    						Quantity
	    					</th>
	    					<th class="numberColumn">
	    						Total
	    					</th>
	    					<th >&nbsp;</th>
	    				</tr>
	    			</thead>
	    			<tbody>
	    				<tr>
	    					<td class="numberColumn">
	    						1
	    					</td>
	    					<td class="textColumn">
	    						Lorem ipsum dolor sit amet
	    					</td>
	    					<td class="numberColumn">
	    						3,400,000
	    					</td>
	    					<td class="numberColumn">
	    						5
	    					</td>
	    					<td class="numberColumn">
	    						17,000,000
	    					</td>
	    					<td class="functionColumn">
	    						<input type="button" value="Remove"></input>
	    						<input type="button" value="Update"></input>
	    					</td>
	    				</tr>
	    				<tr>
	    					<td class="numberColumn">
	    						1
	    					</td>
	    					<td class="textColumn">
	    						Lorem ipsum dolor sit amet
	    					</td>
	    					<td class="numberColumn">
	    						3,400,000
	    					</td>
	    					<td class="numberColumn">
	    						5
	    					</td>
	    					<td class="numberColumn">
	    						17,000,000
	    					</td>
	    					<td class="functionColumn">
	    						<input type="button" value="Remove"></input>
	    						<input type="button" value="Update"></input>
	    					</td>
	    				</tr>
	   					<tr>
	    					<td class="numberColumn">
	    						1
	    					</td>
	    					<td class="textColumn">
	    						Lorem ipsum dolor sit amet
	    					</td>
	    					<td class="numberColumn">
	    						3,400,000
	    					</td>
	    					<td class="numberColumn">
	    						5
	    					</td>
	    					<td class="numberColumn">
	    						17,000,000
	    					</td>
	    					<td class="functionColumn">
	    						<input type="button" value="Remove"></input>
	    						<input type="button" value="Update"></input>
	    					</td>
	    				</tr>
<tr>
	    					<td class="numberColumn">
	    						1
	    					</td>
	    					<td class="textColumn">
	    						Lorem ipsum dolor sit amet
	    					</td>
	    					<td class="numberColumn">
	    						3,400,000
	    					</td>
	    					<td class="numberColumn">
	    						5
	    					</td>
	    					<td class="numberColumn">
	    						17,000,000
	    					</td>
	    					<td class="functionColumn">
	    						<input type="button" value="Remove"></input>
	    						<input type="button" value="Update"></input>
	    					</td>
	    				</tr>
	    				<tr>
	    					<td class="numberColumn">
	    						1
	    					</td>
	    					<td class="textColumn">
	    						Lorem ipsum dolor sit amet
	    					</td>
	    					<td class="numberColumn">
	    						3,400,000
	    					</td>
	    					<td class="numberColumn">
	    						5
	    					</td>
	    					<td class="numberColumn">
	    						17,000,000
	    					</td>
	    					<td class="functionColumn">
	    						<input type="button" value="Remove"></input>
	    						<input type="button" value="Update"></input>
	    					</td>
	    				</tr>
	    				<tr>
	    					<td class="numberColumn">
	    						1
	    					</td>
	    					<td class="textColumn">
	    						Lorem ipsum dolor sit amet
	    					</td>
	    					<td class="numberColumn">
	    						3,400,000
	    					</td>
	    					<td class="numberColumn">
	    						5
	    					</td>
	    					<td class="numberColumn">
	    						17,000,000
	    					</td>
	    					<td class="functionColumn">
	    						<input type="button" value="Remove"></input>
	    						<input type="button" value="Update"></input>
	    					</td>
	    				</tr>
	    				<tr>
	    					<td class="numberColumn">
	    						1
	    					</td>
	    					<td class="textColumn">
	    						Lorem ipsum dolor sit amet
	    					</td>
	    					<td class="numberColumn">
	    						3,400,000
	    					</td>
	    					<td class="numberColumn">
	    						5
	    					</td>
	    					<td class="numberColumn">
	    						17,000,000
	    					</td>
	    					<td class="functionColumn">
	    						<input type="button" value="Remove"></input>
	    						<input type="button" value="Update"></input>
	    					</td>
	    				</tr>
	    				<tr>
	    					<td class="numberColumn">
	    						1
	    					</td>
	    					<td class="textColumn">
	    						Lorem ipsum dolor sit amet
	    					</td>
	    					<td class="numberColumn">
	    						3,400,000
	    					</td>
	    					<td class="numberColumn">
	    						5
	    					</td>
	    					<td class="numberColumn">
	    						17,000,000
	    					</td>
	    					<td class="functionColumn">
	    						<input type="button" value="Remove"></input>
	    						<input type="button" value="Update"></input>
	    					</td>
	    				</tr>
						<tr>
	    					<td class="textColumn" colspan="4">
	    						Total
	    					</td>
	    					<td class="numberColumn">
	    						17,000,000
	    					</td>
	    					<td class="functionColumn">
	    						<input type="button" value="Check Out"></input>
	    					</td>
	    				</tr>
	    			</tbody>
	    		</table>
	    	</div>


		


	    </div>
	    <div class="clear"></div>
	    <div id="footer" class="box">
	    	
	    </div>
	</div>
</body>
</html>
